<html>
<head>
    <title>运行监控</title>
    #parse("sys/header.html")
    <link rel="stylesheet" href="${rc.contextPath}/statics/css/analyse/monitor.css">
</head>

<body>
<div id="rrapp" v-cloak style="margin-top:20px">
    <div v-show="!showList">
        <div style="height: 95vh;width:18%;overflow:auto;float:left;">
            <p class="text-center" style="font-size: 15px;">工厂/基地</p>
            <div id="storeLayer">
                <ul id="storeTree" class="ztree"></ul>
            </div>
        </div>
        <i-button type='success' v-show="showButton" @click="turnToPic" style="margin-bottom:10px">查看产线二维平面图</i-button>
        <div id="container" style="width:60%;height:95vh;overflow:auto;float:left;margin: 10px;"></div>
        <div style="height: 95vh;float:left;width:20%">
            <Card style="height:45vh">
                <p slot="title">
                    <Icon type="ios-cog-outline"></Icon>
                    报修工单
                </p>
                <ul>
                    <li>
                        <span>执行中：</span>
                        <span class="gdr id">{{workOrderStat.ing}}</span>
                    </li>
                    <li>
                        <span>待维修：</span>
                        <span class="gdr wd">{{workOrderStat.un}}</span>
                    </li>
                    <li>
                        <span>效果确认：</span>
                        <span class="gdr do">{{workOrderStat.ed}}</span>
                    </li>
                </ul>
            </Card>
            <Card style="height:45vh;margin-top:20px">
                <p slot="title">
                    <Icon type="ios-gear"></Icon>
                    维护工单
                </p>
                <ul>
                    <li>
                        <span>未开始：</span>
                        <span class="gdr ud">{{maintainPlanStat.un}}</span>
                    </li>
                    <li>
                        <span>维护中：</span>
                        <span class="gdr id">{{maintainPlanStat.ing}}</span>
                    </li>
                    <li>
                        <span>已结束：</span>
                        <span class="gdr do">{{maintainPlanStat.ed}}</span>
                    </li>
                </ul>
            </Card>
        </div>
    </div>
</div>
<script src="${rc.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${rc.contextPath}/js/analyse/monitor.js?_${date.systemTime}"></script>
</body>
</html>